/* eslint-disable */

import React from 'react';
import { getIconColor } from './helper';

const DEFAULT_STYLE = {
  display: 'block',
};

const IconIconShoppingOn = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M890.2656 817.3568a67.584 67.584 0 1 0 68.4032 67.3792 67.7888 67.7888 0 0 0-67.9936-67.3792z m-617.472 0a67.584 67.584 0 1 0 68.4032 67.3792 67.584 67.584 0 0 0-67.9936-67.3792z m-33.5872-68.608h684.8512a32.3584 32.3584 0 0 0 30.5152-30.1056s47.104-259.072 69.4272-437.4528c6.144-49.3568-17.2032-73.3184-63.2832-73.3184H211.5584L199.2704 102.4a31.5392 31.5392 0 0 0-28.4672-30.72H32.9728a34.4064 34.4064 0 0 0 0 68.608h107.3152l69.2224 578.3552a30.9248 30.9248 0 0 0 29.2864 30.1056z"
        fill={getIconColor(color, 0, '#333333')}
      />
    </svg>
  );
};

IconIconShoppingOn.defaultProps = {
  size: 18,
};

export default IconIconShoppingOn;
